
<!DOCTYPE html>
<html ng-app="UserInfoModule">
<head>
	<meta charset="UTF-8">
	<title>淘爱心登陆</title>
	<link rel="stylesheet" type="text/css" href="style/signin.css">
	
</head>
<body>
<div class="headerBar">
	<div class="logoBar login_logo">
		<div class="comWidth clearfix">
			<div class="logo fl">
				<a href="index.html"><img src="images/login/login.jpg" alt="淘爱心" ></a>

			</div>
			<h3 class="welcome_title">欢迎登陆</h3>
		</div>
	</div>
</div>

<div class="h_1"></div>
<!--登录表单-->
	<div class="loginBox">
		<div class="row">
			<div class="col-md-12">
				<form class="form-horizontal" role="form" name="signin" ng-controller="userInfoController">
					<div class="form-group">
						<label class="col-md-3 control-label" for="username">
							用户名
						</label>
						<div class="col-md-7">
                            <input type="text" id="username" class="form-control username" placeholder="邮箱/用户名/已验证手机" ng-model="userInfo.username" ng-minlength="8" ng-maxlength="20" required>
                        </div>
					</div>
					<div class="form-group">
						<!-- <div class="col-md-offset-3 col-md-10 error" 
                            ng-messages="signin.username.$error">
                            <div ng-message="required">Make sure you enter your name!</div>
                            <div ng-message="minlength">Your name must be at least 3 charactors!</div>
                            <div ng-message="maxlength">Your name connot be longer than 20 charactors!</div>
                    	</div> -->
                        <div class="error col-md-offset-3 col-md-10" 
                            ng-show="signin.username.$dirty && signin.username.$invalid"> 
                            <small class="error" 
                                ng-show="signin.username.$error.required"> 
                                用户名不能为空 
                            </small> 
                            <small class="error" 
                                ng-show="signin.username.$error.minlength"> 
                                8-20位，可由数字、字母和“_”组成 
                            </small> 
                            <small class="error" 
                                ng-show="signin.username.$error.maxlength"> 
                                用户名长度不能超多20个字符 

                            </small> 
                        </div>
					</div>
					
					<div class="form-group">
                        <label class="col-md-3 control-label" for="password">
                            密码
                        </label>
                        <div class="col-md-7">
                            <input class="form-control password" id="password" type="password" placeholder="密码" ng-model="userInfo.password" ng-minlength="3" ng-maxlength="20" required>
                        </div>
                            
                    </div>
                    <div class="form-group">
                    	<!-- <div class="col-md-offset-3 col-md-10 error" 
                            ng-messages="signin.password.$error">
                            <div ng-message="required">Make sure you enter your name!</div>
                            <div ng-message="minlength">Your name must be at least 3 charactors!</div>
                            <div ng-message="maxlength">Your name connot be longer than 20 charactors!</div>
                        </div> -->
                        <div class="error col-md-offset-3 col-md-10" 
                            ng-show="signin.password.$dirty && signin.password.$invalid"> 
                            <small class="error" 
                                ng-show="signin.password.$error.required"> 
                                密码不能为空
                            </small> 
                            <small class="error" 
                                ng-show="signin.password.$error.minlength"> 
                                至少8个字符 
                            </small> 
                            <small class="error" 
                                ng-show="signin.password.$error.maxlength"> 
                                密码长度不能超多20个字符 
                            </small> 
                        </div> 
                    </div>

                    <div class="form-group">
                        <div class="col-md-offset-3 col-md-4">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" ng-model="userInfo.autoLogin">自动登录
                                </label>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <label class="forget-password">忘记密码？</label>
                        </div>
                    </div>
                    <button type="button" class="login_btn btn btn-primary col-md-4 col-md-offset-4" 
                        ng-disabled="!(userInfo.password && userInfo.username)" 
                        class="">登 &nbsp 录</button>
				</form>
			</div>				
			
		</div>
		<div class="login_partners">
				<p class="l_tit">使用合作网站账号登录</p>
				<ul class="login_list clearfix">
					<li><a href="">QQ</a></li>
					<li><span>|</span></li>
					<li><a href="">网易</a></li>
					<li><span>|</span></li>
					<li><a href="">人人</a></li>
					<li><span>|</span></li>
					<li><a href="">豆瓣</a></li>
					<li><span>|</span></li>
					<li><a href="">更多</a></li>
				</ul>
			</div>
		<a class="reg_link" href="signup.html"></a>
	</div>
<div class="login_45">
    <p>Copyright&nbsp;&nbsp;&nbsp;2016&nbsp;&nbsp;taoaixin.com&nbsp;&nbsp;杭州电子科技大学版权所有</p>
</div>
	<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
	<script type="text/javascript" src="js/angular.min.js"></script>
	<script type="text/javascript" src="js/angular-messages.min.js"></script>
	<script type="text/javascript" src="js/myangularjs.js"></script>
    <script type="text/javascript" src="js/easyPay.js"></script>  
	<script type="text/javascript" src="js/myjs.js"></script>  
	<!-- <script type="text/javascript" src="js/signin.js"></script> -->
</body>
</html>
	